<template>
  <div>
  
<router-view></router-view>
<van-tabbar v-model="active" route>
  <van-tabbar-item name="home" icon="home" to="sy">首页</van-tabbar-item>
  <van-tabbar-item name="search" icon="search" to="lianbiao">问答</van-tabbar-item>
  <van-tabbar-item name="friends" icon="friends" to="gwc">视频</van-tabbar-item>
  <van-tabbar-item name="setting" icon="setting" to="wd">个人</van-tabbar-item>
 
</van-tabbar>
 
  </div>
</template>

<script>
export default {
    data() {
    return {
      activeName: 'a',
      active: 'home',
      arr: [],
    };
  },
  mounted(){
      this.axios.get('list.json').then(res => {
          console.log(res);
          this.arr = res.data.result;
          
      })
  }
};
</script>

<style scoped>
.my-swipe .van-swipe-item {
  color: #fff;
  font-size: 20px;
  line-height: 150px;
  text-align: center;
  background-color: #39a9ed;
}
</style>